မဂၤလာပါပုံေလးဘေလာ႔တြင္ထည္႔ရန္

မဂၤလာပါပုံေလးထည္႔ရန္ေအာက္ကလင္႔ကို copy လုပ္ၿပီးဘေလာ႔တြင္ထည္႔လိုက္ပါ

 http://multiply.com/mu/wintunkyi/image/5/photos/9/1200x120/1/mingalarper-2.gif?et=7%2BDAck2jKYgrqpo7s76l7A&nmid=366387898

ဘေလာ႔တြင္အလံထည္႔ရန္

ေအာက္ကလင္႔ကို copy လုပ္ၿပီးဘေလာ႔တြင္ထည္႔လိုက္ပါ

 http://www.crossed-flag-pins.com/genimg/flaggen/Myanmar-240-animated-flag-gifs.gif

ဘေလာ႔တြင္ၿမန္မာနိုင္ငံအလံသစ္ထည္႔ရန္

ဘေလာ႔တြင္ေအာက္ကလင္႔ကိုထည္႔လိုက္ပါ

 http://api.ning.com/files/G7CpZjIB5GUq804BPC3y4o1xnELFBtBmA6tPN*APtAlqZGJJfAwejrbCUx3GDD3ntBNHd*Vp4c0opTSL6ztiJ8TkEYxlWbnZ/test.gif

ဘေလာ႔တြင္NLDအလံထည္႔ရန္

NLD BURMA အလံေလးကိုဘေလာ႔တြင္ထည္႔လိုပါက.Htmlကုတ္ေလးကဒီမွာယူပါ
<a href="http://photobucket.com/images/nld%20flag" target="_blank"><img src="http://i932.photobucket.com/albums/ad161/zawhtet1981/flying-NLD-flag1.gif" border="0" alt="Nld flag Pictures, Images and Photos"/></a> 

 http://i932.photobucket.com/albums/ad161/zawhtet1981/flying-NLD-flag1.gif

ဘေလာ့ပိုစ္ေတြကိုCopyကူးယူမရေအာင္

မိမိရဲ႕ဘေလာ့ပိုစ္ေတြသူမ်ားေတြCopyကူယူမရေအာင္နည္းပညာသစ္ေလးသံုးျပီးကာကြယ္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ၊ၾကိဳက္ၾကမယ္လို႕လည္းေမ်ာ္လင့္ပါတယ္။ေအာက္မွာထည့္နည္းနဲ႕တကြကုဒ္ေပးထားပါတယ္။
၁။Design>>>Edit HTMLေအာက္က Code ကိုရွာပါ။

1. .post {  
2. padding:10px;  
3. font-size:70%;  
4. margin: 0 0 25px 0;  
5. }  

ေတြ႕ျပီဆိုရင္ေအာက္ကေပးထားတဲ့ Code ကိုေအာက္နားေလးမွာထပ္ထည့္ေပးလိုက္ပါ။

1. -moz-user-select: -moz-none;  
2. -khtml-user-select: none;  
3. -webkit-user-select: none;  
4. -o-user-select: none;  
5. user-select: none;  

မွတ္ခ်က္။ ။မိမိရဲ႕ Code ကေအာက္ကပံုစံအတိုင္းျဖစ္သြားမည္။Code အပိတ္ရဲ႕အေပၚေလးမွာက်ေနာ္ေပးထားတဲ့ကုဒ္ေလးကိုထပ္ထည့္ေပးလိုက္ရင္ရပါျပီ။

ေအာက္က Code ကိုၾကည့္လိုက္ပါ။

1. .post {  
2. padding:10px;  
3. font-size:70%;  
4. margin: 0 0 25px 0;  
5. -moz-user-select: -moz-none;  
6. -khtml-user-select: none;  
7. -webkit-user-select: none;  
8. -o-user-select: none;  
9. user-select: none;  
10. }  

Save Tamplate ႏိုပ္လိုက္ပါျပီးပါျပီ။ ။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊

ဘေလာ့ပိုစ္ေခါင္းစဥ္ေအာက္ မွာAuthor,အခ်ိန္နဲ႕LabelsေတြကိုIconေလးနဲ႕ေပၚေအာင္

ဒီေန႕တင္တာဒါနဲ႕ဆိုရင္ပိုစ္၂ခုေျမာက္ေပါ့ေနာ္။၂ခုလံုးကလည္းနည္းပညာသစ္လို႕ေျပာရင္ရပါတယ္။ဒါေလးကေတာ့မိမိဘေလာ့ပိုစ္ေခါင္းစဥ္ေအာက္
မွာAuthor,အခ်ိန္နဲ႕LabelsေတြကိုIconေလးနဲ႕ေပၚေအာင္လုပ္နည္းေလးပါ။ၾကိဳက္ၾကမယ္လို႕ေမ်ာ္လင့္ပါတယ္။က်ေနာ္ေအာက္မွာပံု၂ခုႏိွုင္းယဥ္ထားေပး
ပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္...

ေအာက္ကကုဒ္ကိုရွာပါ။ေတြ့ျပီဆိုရင္ေအာက္မွာေအာက္ကကုဒ္ကိုထည့္ေပးလိုက္ပါ။

1. <div class='post-header-line-1'>  

ေတြ့ျပီဆိုရင္ေအာက္မွာေအာက္ကကုဒ္ကိုထည့္ေပးလိုက္ပါ။

1. <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisA5J7gLOhUMF_L3Dzlph8D_AmuKOG0t8zFwBfIsOFI0tNGtgcTntJnevwJYeaTzp6aNQSxz_8KBMq8evOQSvlAcaG4HP4eXdB3RLaXhYUejFTtCqquMCPEAU3Mq1Qu-IU-HRHH9gRCgk/s1600/author.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font>  | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMwhfRrHIDzlMHF_JWBumqHVE0_eHBCjKVPmicZjtCxmB__Y7u1xwSL0ZGWA_y4_EwrjKPsfUC1crl77g0oFSNQA-VV8kctfpaq7-3tpsob8k5iWq10JimfxXlFwpNAFRyx6lAktEDjCU/s1600/calendar.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font>  | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-b_dNREJiPcQK2c3B2d5psXHgW1StBS_dndhYlDEBAIiBPNe3g2o_rnW_JXQgmb-IfpUCK2jToWpDC6jgA0iAcmyBjXd8VY-7wHZH8SFAjlOC3j7hwCS_faGkQgfeNUPJBt_WuFKDuJA/s1600/icon_tags.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'>  
2.     <b:loop values='data:post.labels' var='label'>  
3.     <a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>  
4.     <b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if>  
5.     </b:loop>  
6.     </b:if></font><a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY8uo6d__P_AZILko-2zkRKyCbfzIvKNx-rEWZedVsMh_eEwp_UP3SPMmm2SMzuITgISqlltipM6vcDa6b3Q4ifxOvWUo5PVh1Z-YPt0hECrubNdUbYPp5BTa1pBWKJcloHhU_iGT4-Fbj/s1600/best+blogger+tips.png'/></a>  

Save Tamplate ႏိုပ္လိုက္ပါ။ျပီးပါျပီ၊မိမိရဲ႕ပိုစ္ေခါ္းစဥ္ေအာက္ကိုျပန္ၾကည့္လိုက္ပါအရမ္းလွပသြားလိမ့္မည္။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္

ContectFormရယူတဲ့ေနရာေလး

ဘေလာ့နဲ႕ဝဘ္ဆိုက္ဒ္အတြက္အလြယ္ကူဆံုးContectFormရယူတဲ့ေနရာေလးပါ။ေအာက္မွာပံုနဲ႕တကြျပထားေပးပါတယ္။ မိမိရဲ႕အီးေမးလ္လိပ္စာေလးထည့္ေပးလိုက္တာနဲ႕ContectFormCodeေလးေပၚလာလိမ့္မည္။အရမ္းကိုလြယ္ပါတယ္။ၾကိဳက္ၾကမယ္လို႕လည္းေမ်ာ္လင့္ပါတယ္။

ဒီမွာhttp://www.foxyform.com/ သြားယုူလိုက္ပါ။

ChatBoxေတြကိုဘေလာ့ရဲ႕ညာဘက္ေဘးမွာထည့္နည္းပါ

ကုဒ္ထည့္ေပးမယ့္ေနရာကေတာ့ေအာက္မွာအဆင့္ဆင့္ျပထားပါတယ္။


၁။Design


၂။Add a Gadget


၃။HTML/JavaScript Add ေနရာမွာေအာက္ကCode ထည့္ေပးလိုက္ပါ

1. <style type="text/css">  
2. #gb{  
3. position:fixed;  
4. top:50px;  
5. z-index:+1000;  
6. }  
7. * html #gb{position:relative;}  
8.   
9. .gbtab{  
10. height:100px;  
11. width:30px;  
12. float:left;  
13. cursor:pointer;  
14.   
15. background:url('http://sites.google.com/site/bloggersto/chatbox-blue.png') no-repeat;  
16. }  
17. .gbcontent{  
18.   
19. float:left;  
20. border:2px solid #666666;  
21. background:#F5F5F5;  
22. padding:10px;  
23. }  
24. </style>  
25.   
26. <script type="text/javascript">  
27. function showHideGB(){  
28. var gb = document.getElementById("gb");  
29. var w = gb.offsetWidth;  
30. gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);  
31. gb.opened = !gb.opened;  
32. }  
33. function moveGB(x0, xf){  
34. var gb = document.getElementById("gb");  
35. var dx = Math.abs(x0-xf) > 10 ? 5 : 1;  
36. var dir = xf>x0 ? 1 : -1;  
37. var x = x0 + dx * dir;  
38. gb.style.right = x.toString() + "px";  
39. if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}  
40.   
41. }  
42. </script>  
43. <div id="gb">  
44. <div class="gbtab" onclick="showHideGB()">   </div>  
45. <div class="gbcontent">  
46.   
47. <!-- Begin CBox- kp3နည္းပညာ-->  
48. ဒီမွာမိမိရဲ႕ CBox ကုဒ္ထည့္ေပးပါ  
49. <!-- End Cbox-http://kp3family.blogspot.com-->  
50.   
51. <div style="text-align:right">  
52. <a href="javascript:showHideGB()">  
53.   
54. </a>  
55. </div>  
56. </div>  
57. </div>  
58. <script type="text/javascript">  
59. var gb = document.getElementById("gb");  
60. gb.style.right = (30-gb.offsetWidth).toString() + "px";  
61. </script>  

၄။Save ႏိုပ္လိုက္ပါ။ျပီးပါျပီ။ ။ ။

ဘေလာ႔မွာMP3Playerအသစ္ေလးသုံးခ်င္ရင္

  အခုတင္တာေလးကေတာ့တကယ္MP3Playerအသစ္ေလးျဖစ္ပါတယ္။အရမ္းလည္းလန္းတယ္ဗ်ာSCMplayerလို႕ေခၚ
ပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးၾကိဳက္ၾကမယ္လို႕လည္းေမ်ာ္လင့္ပါတယ္၊ဘေလာ့မိတ္ေဆြအားလံုးနမူနာၾကည့္ျပီးနား
ေထာင္လို႕ရေအာင္လည္းေကပီသရီးကိုယ္တိုင္သံုးထားသလိုပံုနဲ႕တကြျပထားေပးပါတယ္။ကိုယ္တိုင္သြားယူၾကပါမူရင္းလင့္ခ္
ေပးထားပါတယ္။ၾကိဳက္တဲ့အေရာင္ေ၇ြးလို႕ရပါတယ္။ဒီမွာhttp://scmplayer.net/သြားျပီးၾကိဳက္တဲ့အေရာင္ကိုေရြးၾကေတာ့..................

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္

မိမိရဲ႕ဘေလာ့ဆိုက္ဘားေခါင္းစဥ္မွာေနာက္ခံပံုသို႕မဟုတ္မိမိၾကိဳက္တဲ့အေရာင္ထည့္နည္းပါ။

၁။Design

၂။Edit HTML

၃။ေအာက္ကကုဒ္ကိုရွာပါ။

1. ]]></b:skin>  

ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္ကကုဒ္ကိုထည့္ေပးလိုက္ပါ။

1. .sidebar h2 {  
2.     background:url(မိမိရဲ႕ဆိုက္ဘားေနာက္ခံပံုရဲ႕လင့္ခ္ကိုဒီမွာထည့္ေပးပါ);  
3.     background-repeat: no-repeat;  
4.     background-position:left center;  
5.     padding:10px 3px 0 30px;  
6.     }  

၄။Save Tamplate ကိုႏိုပ္လိုက္ပါရပါျပီ။ ။ ။

မိမိဘေလာ႔တြင္c. box ၿပဳလုပ္ခ်င္ပါက

1. Sign in at blogger.com / blogspot.comသို႕၀င္ပါ
2.  Design.ကိုကလစ္နွိပ္ၿပီး
3. Click Add a Gadget.မွာ
4. Choose HTML/JavaScript, ကိုကလစ္ၿပီးေအာက္ပါကုတ္မ်ားကိုထည္႔ပါ
5. Save the changes. 
6. <!-- BEGIN CBOX - www.cbox.ws - v001 -->
   <div id="cboxdiv" style="text-align: center; line-height: 0">
   <div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=681461&amp;boxtag=lvenbe&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-681461" style="border:#F6F3E0 1px solid;" id="cboxmain5-681461"></iframe></div>
   <div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=681461&amp;boxtag=lvenbe&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-681461" style="border:#F6F3E0 1px solid;border-top:0px" id="cboxform5-681461"></iframe></div>
   </div>
   <!-- END CBOX --ပထမဦးစြာhttp://cbox.ws/?r=6-671689တြင္အေကာင္တခုအရင္ဆုံးလုပ္ရန္လိုအပ္ပါသည္။
7.  

ဘေလာ႔ မွာ Music Player တင္ခ်င္သူမ်ားအတြက္

ကုိယ္႔ရဲ႔ ဘေလာ႔ဂ္မွာ သီခ်င္းေလးေတြ ထည္႔ျပီးလာလည္တဲ႔ သူေတြကုိ Entertainment Center
ေလးတစ္ခု လုပ္ေပးခ်င္သူမ်ားAတြက္ ရည္ရြယ္ျပီး ဒီပုိ႔စ္ေလးကုိ ေရးပါတယ္ခင္ဗ်ာ..
လူတစ္ကုိယ္ Aၾကိဳက္တစ္မ်ိဳးဆုိသလုိပဲ ဘေလာ႔ဂ္ဂါေတြကေတာ႔ ကုိယ္႔ရဲ႔ music player ကုိ
Aမ်ိဳးမ်ိဳးေသာ site ေတြကုိ သုံးျပီး တင္ထားတတ္ၾကပါတယ္။
ဘယ္လို္ပဲျဖစ္ျဖစ္ပါ။ သီခ်င္းတင္မယ္ဆုိရင္
၁. ကုိယ္တင္ခ်င္တဲ႔ သီခ်င္းကုိ File Hosting Website တစ္ခုခုမွာ Aရင္ဆုံး upload လုပ္ရပါမယ္။
၂. Aဲဒီ႔ သီခ်င္းေတြရဲ႔ URL ကုိယူရပါမယ္
၃. Music Player မွာ သီခ်င္းေတြရဲ႔ URL ကုိ ထည္႔ရပါမယ္။
၄. Aားလုံးျပီးသြားတဲ႔ Aခါမွာ Music Player ရဲ႔ URL ကုိ ကုိယ္႔ရဲ႔ ဘေလာ႔ဂ္မွာ ထည္႔ေပးရပါမယ္.
Aဲဒါ Music Player တင္ခ်င္သူေတြAတြက္ Aေျခခံ Aခ်က္ေတြပါပဲ။ က်န္တာေတြကေတာ႔
နည္းAမ်ိဳးမ်ိဳးနဲ႔ ကြန္႔ထားၾကတာပါ။ တစ္ခ်ိဳ႔က်ေတာ႔ Flash Picture ေလးေတြကုိ Background
မွာထားျပီး Music Player ေလးေတြ လုပ္တတ္ၾကပါတယ္။ က်န္တာေတြကုိေတာ႔ ျဖည္းျဖည္းခ်င္း
ၾကိဳးစားသင္ယူသြားပါလုိ႔ တုိက္တြန္းခ်င္ပါတယ္ ခင္ဗ်ာ…
ဒါကေတာ႔ File Hosting Website ေတြထဲက Aသုံးမ်ားတာ တစ္ခ်ိဳ႔ပါ။
www.fileden.com, www.ripway.com, www.filexoom.com
ဒါကေတာ႔ ကၽြန္ေတာ္ခုသုံးေနတဲ႔ Music Player ရဲ႔ Website ပါ.
http://www.myflashfetish.com/
Account တစ္ခုလုပ္ျပီးရင္ ၾကိဳက္တဲ႔ Music Player Design ေလးေတြကုိ ေရြးခ်ယ္လုိ႔ရပါတယ္။
ျပီးသြားရင္ေတာ႔ ကၽြန္ေတာ္ေျပာသလုိပဲ သီခ်င္းေတြကို upload လုပ္၊ URL လာထည္႔ေပးပါ။
ေရြးလုိ႔ရႏုိင္တဲ႔ Music Player ေလးေတြရဲ႔ sample ေလးေတြနဲ႔ screenshot တစ္ခ်ိဳ႔ကုိ
ေA ာက္ကပုံမွာ ၾကည္႔ပါ။
တစ္ျခား Music Player ေတြကုိ သုံးခ်င္လည္းသုံးပါ။ idea ကေတာ႔ တူတူပါပဲ။
ဒါကေတာ႔ ကုိဖုိးခ်မ္း (CMS) ရဲ႔ သီခ်င္းတင္နည္းပါ။ Aင္မတန္ကုိ ရုိးရွင္းျပည္႔စုံေကာင္းမြန္ပါတယ္။
http://notes4pc.blogspot.com/2007/01/window-media-player-playlist.html
Aားလုံးျပီးသြားရင္ေတာ႔ တစ္ခု Aၾကံျပဳခ်င္ပါတယ္။ ဘေလာ႔ဂ္တစ္ခ်ိဳ႔မွာ ၀င္လုိက္တာနဲ႔
သီခ်င္းေလးေတြ တက္လာတာ ၾကဳံဖူးပါလိမ္႔မယ္။ တစ္ခ်ိဳ႔က ၾကိဳက္ပါတယ္။ တစ္ခ်ိဳ႔ကေတာ႔
နည္းနည္း စိတ္Aေႏွာင္႔Aယွက္ျဖစ္ေစတယ္လုိ႔ ျမင္ပါတယ္။ ဘာပဲျဖစ္ျဖစ္ပါ။ ပုိေကာင္းတာကေတာ႔
လာတဲ႔ visitor ေတြကုိ ေရြးခ်ယ္စရာတစ္ခုေပးလုိက္ပါ။ သူနားေထာင္ခ်င္ရင္ သူ႔ဘာသာသူ click
ေခါက္ျပီး ၾကိဳက္တဲ႔ သီခ်င္းနားေထာင္ပါလိမ္႔မယ္။ မဟုတ္ရင္ေတာ႔ ဒီတုိင္းပဲ စာဖတ္ျပီး
သူျပန္သြားပါလိမ္႔မယ္။
Aဲဒီ႔Aတြက္ Mp3 Player ရဲ႔ coding တစ္ခ်ိဳ႔ကုိ ျပင္ေပးရပါမယ္။ ကုိယ္သုံးတဲ႔ player
Aမ်ိဳးAစားေပၚမူတည္ျပီး ခုကၽြန္ေတာ္ေျပာမယ္႔ coding တစ္ခ်ိဳ႔ ကြဲလဲြႏုိင္ပါတယ္။ ဒါေပမယ္႔
autostart/autoplay စတာေတြကေတာ႔ တူတူပါပဲ။ မေျပာင္းပါဘူး။ ရွာၾကည္႔ပါခင္ဗ်ာ…
src="yourfile.mp3" autostart="true" hidden="false" loop="false" width="20%"
height="40px"....
၁. autostart="true" (or) autoplay= “true” ဆုိရင္ သီခ်င္းကုိ Autoplay လုပ္ပါတယ္။ false
ေပးလုိက္ရင္ မလုပ္ေတာ႔ပါဘူး။
၂. hidden="true" ဆုိရင္ ကုိယ္႔ရဲ႔ player ကုိ hide လုပ္ထားပါတယ္။
၃. loop="true" ဆုိရင္ သီခ်င္းတစ္ပုဒ္တည္းကုိ ထပ္ခါထပ္ခါ ဖြင္႔ေပးေနပါလိမ္႔မယ္။
၄. width="20%" , height= “40 px” စတာေတြကေတာ႔ player ရဲ႔ Dimension ပါ
ဒီပုိ႔စ္ေလးA တြက္ ျမန္မာဘေလာ႔ဂ္ဂါဖုိရမ္မွ Admin ၾကီးနဲ႔ ကုိဖုိးခ်မ္းတုိ႔ ကုိ ေက်းဇူးတင္ပါတယ္လုိ႔
ဒီေနရာကေန ေျပာၾကားလုိပါတယ္ခင္ဗ်ာ…
A ဆင္ေျပမယ္လုိ႔ေမွ်ာ္လင္႔ပါတယ္။

ငွက္ပံုစံေလးကိုမိမိရဲ႕MousePoiterမွာထည့္ခ်င္ရင္

၁။Design

၂။Add a Gadget

၃။HTML/JavaScript Add ေနရာမွာေအာက္ကCode ထည့္ေပးလိုက္ပါ။
<!-kp-3နည္းပညာ-http://kp3family.blogspot.com-->
<script type='text/javascript'>
// <![CDATA[
var colour="black";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
<!--kp3 mousepoiter-http://kp3family.blogspot.com-->

ဘေလာ႔မွာၾကယ္ေလးေတြအေရာင္နဲ႔က်လာေစခ်င္ရင္

ဒီမွာထည့္ေပးလိုက္ပါ။

 <!-kp-3နည္းပညာ-http://kp3family.blogspot.com-->

<marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:601px;top:7px;width:auto;height:653px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:720px;top:64px;width:auto;height:232px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:735px;top:50px;width:auto;height:321px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:608px;top:78px;width:auto;height:125px;z-index:1;" scrollamount="6"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:43px;top:62px;width:auto;height:10px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:539px;top:97px;width:auto;height:426px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:791px;top:45px;width:auto;height:178px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:278px;top:104px;width:auto;height:701px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:404px;top:69px;width:auto;height:211px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:331px;top:2px;width:auto;height:293px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:655px;top:89px;width:auto;height:399px;z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:813px;top:11px;width:auto;height:429px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:254px;top:109px;width:auto;height:146px;z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:616px;top:20px;width:auto;height:534px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:652px;top:42px;width:auto;height:410px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:707px;top:96px;width:auto;height:39px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:200px;top:76px;width:auto;height:137px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:309px;top:13px;width:auto;height:338px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:622px;top:107px;width:auto;height:676px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:149px;top:76px;width:auto;height:199px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:506px;top:77px;width:auto;height:344px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee>

           

Blog Post Title မွာ Picture ထည္႕နည္း

ကြၽန္ေတာ္တုိ႕ Blog မွာ Post Title တုိင္းရဲ႕ ေရွ႕မွာ ကုိယ္ပုံေလးေတြထည္႕ခ်င္တဲ႕အခါ ထည္႕လုိ႕ရေအာင္ တင္ျပေပးလုိက္တာပါ။
အျမင္ေလးတစ္မ်ဳိးဆန္းတာေပါ႔။ ဘာရယ္ေတာ႕မဟုတ္ပါ။
1. မိမိ Blog မွ Layout ကုိ click လုိက္ပါ။
2. Edit Html ကုိ click လုိက္ပါ။ Expand Widget Templates ကုိ အမွန္ျခစ္ေပးလုိက္ပါ။ေအာက္မွာေဖာ္ျပထားတဲ႕ code ေတြကုိရွာလုိက္ပါ။

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>

မွက္ခ်က္။ ။ ကြၽန္ေတာ္ အေရာင္ေတြနဲ႕ ခြဲျပတာေတြရဲ႕ ၾကားေတြမွာ ထည္႕ၾကည္႕ပါ. ပုံစံေတြ ကြဲျပာစြာေပၚတာကုိေတြ႕ရမွာပါ။

3.အထပ္ပါ code ေတြၾကားမွာ ေအာက္က code ကုိ အစားသြင္းလုိက္ပါ။ အနီေရာင္နဲ႕ ျပထားတဲ႕ေနရာမွာ မိမိတုိ႕ ထည္႕ခ်င္တဲ႕ ပုံရဲ႕ url နဲ႕ ေျပာင္းလုိက္ပါ။ ျပီရင္ေတာ႕ Save ေပါ႔။

<img src="http://www.thescifiworld.net/img/hotfeatures/avatars44.jpg" style="border-width: 0px;" />

Blog Menu ေလးေတြကို Button ေလးေတြနဲ့လုပ္၇ေအာင္

ကၽြန္ေတာ္ဒီေန့ေတာ့ Blog  Menu ေလးေတြကို Button ေလးေတြနဲ့အလြယ္ေလးလုပ္လို့၇မဲ့နည္းလမ္းေလကို
ေျပာျပေပးပါမယ္..။လုပ္ကတာအ၇မ္းလြယ္ပါတယ္..။Edit Html ထဲမွာလိုတာေလးလိုက္ျပင္ျပီး Add a Gadget
ထဲမွာထည့္ေပးလိုက္ယံုပါပဲဘာမွလဲမခက္ပါဘူး..။ျပီး၇င္ Button ေလးေတြနဲ့ဆိုေတာ့သပ္သပ္၇ပ္၇ပ္ေလးနဲ့
ၾကည့္လဲေကာင္းပါတယ္..။ကၽြန္ေတာ္ဘယ္လိုလုပ္၇မလဲဆိုတာကိုေျပာျပေပးသြားပါမယ္..။


1.အ၇င္ဆံုး Design Tab  >>  Edit HTML ဆိုျပီးသြားလိုက္ပါ.။Edit HTML ကိုေ၇ာက္ျပီဆို၇င္အ၇င္ဆံုးဘာ
  မွမလုပ္ပါနဲ့ေအာင္  Download  Full  Template  ကိုႏွိပ္ျပီးမိမိ၇ဲ့  Template  ေလးကို  Backup လုပ္ထား
  လိုက္ပါ..။

2.Template  ကို  Back up လုပ္ထားျပီးျပီဆို၇င္အေပၚကပံုမွာျပထားအဲ့တိုင္း  Expand Widget Template
   ကိုအမွန္ျခစ္ေလးေပးလိုက္ပါ..။ျပီး၇င္ကီးဘုတ္မွာ  Ctrl + F ကိုႏွိပ္လိုက္ပါ.။ေပၚလာတဲ့ search box ထဲ
   မွာေအာက္မွာေပးထားတဲ့ကုဒ္၇ိုက္ထည့္ျပီး Edit HTML ထဲမွာေအာက္ကကုဒ္ကို၇ွာၾကည့္လိုက္ပါ..။


      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>   


3.အေပၚကကုဒ္ကိုေတြ ့ျပီဆို၇င္ေအာက္မွာေပးထားတဲ့ကုဒ္အတိုင္းေျပာင္းေပးလိုက္ပါ..။ 1  ေန၇ာမွာ  3
  no  ေန၇ာမွာ  yes  ေျပာင္းေပးလိုက္၇င္၇ပါျပီ..။


     <b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>   


4.အေပၚကအတိုင္းေျပာင္းျပီးျပီဆို၇င္ေတာ့ေအာက္ကကုဒ္ကိုထပ္၇ွာပါ..။


     <b:section class='main' id='main' showaddelement='no'>                                                                                                                                                             
5.အေပၚကကုဒ္ကိုေတြ ့ျပီဆို၇င္ေအာက္မွာေပးထားတဲ့ကုဒ္အတိုင္းေျပာင္းေပးလိုက္ပါ..။ no  ေန၇ာမွာ  yes
  လို့ေျပာင္းေပး၇မွွာျဖစ္ပါတယ္..။


     <b:section class='main' id='main' showaddelement='yes'>                                  


4.အေပၚကကုဒ္ေတြအတိုင္းေျပာင္းျပီးျပီဆို၇င္ေတာ့ေအာက္ကပံုေလးအတိုင္း  Blog  Post  ၇ဲ့အေပၚမွာ
  Add a Gadget  ေလးတစ္ခုေလးတစ္ခုထပ္ျပီးတိုးလာတာကိုေတြ ့၇ပါလိမ့္မယ္..။

5.အေပၚကပံုအတိုင္း  Blog Post ၇ဲ့အေပၚမွာ  Add  a  Gadget  ေလးေပၚလာျပီဆို၇င္ေတာ့  Add  a
  Gadget  ေလးကိုဖြင့္ျပီး  HTML/JavaScript   ထဲမွာေအာက္ကေပးထားတဲ့   Button  ကုဒ္ေလးေတြ
  ကိုထည့္ေပးလိုက္ယံုပါပဲ..။

    <a href=" ဒီေန၇ာမွာမိမိညြန္းခ်င္တဲ့ URL လင့္ကိုထည့္ပါ  " target="_blank">                 

   <button>မူလစာမ်က္ႏွာ</button></a>                                                                 

   <a href=" ဒီေန၇ာမွာမိမိညြန္းခ်င္တဲ့ URL လင့္ကိုထည့္ပါ  " target="_blank">                   

   <button>ကဗ်ာမ်ား</button></a>                                                                        

   <a href=" ဒီေန၇ာမွာမိမိညြန္းခ်င္တဲ့ URL လင့္ကိုထည့္ပါ  " target="_blank">                    

   <button>နည္းပညာ</button></a>                                                                        

   <a href=" ဒီေန၇ာမွာမိမိညြန္းခ်င္တဲ့ URL လင့္ကိုထည့္ပါ  " target="_blank">                        

   <button>စာအုပ္မ်ား</button></a>                                                                            

6. ဒီအေ၇ာင္  နဲ့ျပထားတဲ့ေန၇ာမွာေတာ့မိမိတို့ညြန္းခ်င္တဲ့ဆိုဒ္၇ဲ့ URL လင့္ကိုထည့္ေပးလိုက္ပါ.။
    မူလစာမ်က္ႏွာ , ကဗ်ာမ်ား ေန၇ာမွာေတာ့မိမိတို့ၾကိဳက္သလိုျပင္ေ၇းလို့၇ပါတယ္...။စိတ္ၾကိဳက္ျဖစ္ျပီ
    ဆို၇င္ေတာ့ Blog Post  အေပၚက  Add  a   Gadget  ထဲက  HTML/JavaScript  ထဲကိုထည့္ျပီး
    Save  လိုက္ယံုပါပဲ..။ဒါဆို၇င္မိမိတို၇ဲ့ဘေလာ့မွာ  Menu  Tab  ေလးေတြကို  Button  ေလးေတြနဲ့
    ေသေသသပ္သပ္ေလးလုပ္လို့၇သြားပါျပီခင္ဗ်ာ.....။

 ဘေလာ့ကိုစတင္ေလ့လာသူမ်ားအတြက္ေတာ့ကၽြန္ေတာ္သိထားတာေလးေတြကမျပည္စံုေသးပါဘူး..။

 ျပည့္ျပည့္စံုစံုေလးေလ့လာခ်င္သူမ်ားအတြက္ေတာ့  KP 3  ဆိုဒ္ေလးကိုညြန္းခ်င္ပါတယ္..။ဘေလာ့ဂါ

 မ်ားဒီထက္မကမ်ားျပားတိုးတက္ပါေစခင္ဗ်ာ.....။


အားလံုးပဲအဆင္ေျပၾကပါေစ........ေက်းဇူးတင္ပါတယ္ခင္ဗ်ာ.. 

                                                       .

                                                                ...

ဘေလာ့မွာအသဲႏွလံုးပံုက်လာတာေလးထည့္ရေအာင္

ေအာက္ကကုဒ္ကိုDesign>>>Add a Gadget>>>HTML/JavaScript Add မွာထည့္ေပးလိုက္ပါ
<!-Kp3နည္းပညာ-http://kp3family.blogspot.com-->
<script type="text/javascript" src="http://yourjavascript.com/10151105930/kp3family.txt.js"></script>
<!--kp3Falling Hearts-http://kp3family.blogspot.com-->  
    

ဘေလာ့မွာရွိတဲ့လင့္ခ္ေတြကိုMouseနဲ႕ေထာက္ရင္ၾကယ္ပံုေလးေတြေပၚလာေအာင္

 ဒီေန႕တင္တာေလးကေတာ့မိမိရဲ႕ဘေလာ့မွာရွိတဲ့လင့္ခ္ေတြကိုMouseနဲ႕ေထာက္ရင္ၾကယ္ပံုေလးေတြေပၚလာေအာင္လုပ္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြ
အတြက္ပါ။သိျပီးၾကတဲ့သူေတြလည္းရွိမယ္ထင္ပါတယ္မသိေသးၾကတဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ။အခုဟာေလးကသူမ်ားနဲ႕မတူေအာင္လုပ္ထား
ပါတယ္။ၾကိဳက္ၾကမယ္လို႕လည္းေမ်ာ္လင့္ပါတယ္။ကုဒ္ထည့္ပံုထည့္နည္းကလည္းလြယ္ကူျပီးရွင္းပါတယ္။ၾကယ္ပံုေလးကလည္းလွလွေလးပါ။ေအာက္
မွာပံုနဲ႕တကြကုဒ္ေပးထားပါတယ္။အားလံုးနာမူနာၾကည့္လို႕ရေအာင္လည္းက်ေနာ္သံုးျပထားပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ပါ။

၁။Design


၂။Edit HTML ကိုသြားျပီးေအာက္ကCodeကိုရွာပါ။

view plainprint?

1. </head>  

ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္ကCodeကိုထည့္ေပးလိုက္ပါ။

view plainprint?

1. <style>  
2. a:hover { text-decoration:blink; background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggWJiyqo2jz4d_YGpSsE0fHbSnvkdfbDGAQ1CSOBVjHV50nHq_SEcd1sVOqOg7N14wc1Mwb8v8-GJrbPt_WJnM8jKOqAyQOu2WoW1DVrlylGlPjK8mS7UeXLApNBQgCUFviJOw9-kZ9b4/s1600/blink.gif); }  
3. </style>  

မွတ္ခ်က္။ ။ၾကယ္ပံုလင့္ခ္ေနရာမွာမိမိၾကိုက္တဲ့ပံုရဲ႕လင့္ခ္နဲ႕အစားထိုးေပးလို႕ရပါတယ္။


မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္
                                 http://kp3family.blogspot.com/2011/06/kp3.html၊